/* You can add global styles to this file, and also import other style files */
.margin-left-5 {
    margin-left: 5px !important;
}

.margin-right-5 {
    margin-right: 5px !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.padding-left-5 {
    padding-left: 5px !important;
}

.padding-right-5 {
    padding-right: 5px !important;
}

.padding-top-5 {
    padding-top: 5px !important;
}

.padding-bottom-5 {
    padding-bottom: 5px !important;
}

.width-percent-5 {
    width: 5%;
}

.width-percent-10 {
    width: 10%;
}

.width-percent-15 {
    width: 15%;
}

.width-percent-20 {
    width: 20%;
}

.width-percent-30 {
    width: 30%;
}

.width-percent-40 {
    width: 40%;
}

.width-percent-50 {
    width: 50%;
}

.width-percent-100 {
    width: 100%;
}

/* Sweet alert */

.swal2-title {
    display: inline-block !important;
}

.swal2-wide {
    min-width: 300px;
}

body.swal2-height-auto {
    height: inherit !important;
}

@keyframes glowing {
    0% {
        opacity: 0.3;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.3;
    }
}

.glowing {
    animation: glowing 2s infinite;
}

.modal-xl {
    max-width: 1000px !important;
}

.modal-xxl {
    max-width: 1200px !important;
}

.modal-max {
    max-width: 90% !important;
}
.input-width {
    width: 208px;
    margin: 0px 5px;
}
.ui-multiselect .ui-multiselect-label {
    padding: 0 !important;
    white-space: nowrap;
}

/* excel 展示插件 chrome 49 支持 */
.dhx_cell .dhx_cell_content {
    height: 100%;
}

/* 时间月选择样式 */
.ui-monthpicker .ui-monthpicker-month {
    padding: 0.1em !important;
}
@media (min-width: 1200px) and (max-width: 2200px) {
    body .ui-dropdown {
        /* width: 165px !important; */
        width: 136px !important;
    }
    body .ui-multiselect {
        /* width: 165px !important; */
        width: 136px !important;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    body .ui-dropdown {
        /* width: 138px !important; */
        width: 136px !important;
    }
    body .ui-multiselect {
        /* width: 138px !important; */
        width: 136px !important;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    body .ui-paginator {
        background-color: #f4f4f4;
        border: 2px solid #c8c8c8;
        margin: 10px 0px;
    }
}
body .ui-nav-dropdown {
    width: 100px;
}
/* primeng input border */
body .ui-datepicker,
body .ui-inputtext {
    border: 1px solid #ebedf2;
}

/* primeng datetime picker */
body .ui-datepicker,
body .ui-datepicker .ui-timepicker {
    padding: 0.3em 0.5em;
}
body .ui-datepicker table td,
body .ui-datepicker table th {
    padding: 0;
}
body .ui-datepicker .ui-timepicker a {
    font-size: 0.5em;
}

button .ui-fileupload {
    padding: 0;
    margin: 0;
}
button .ui-fileupload {
    padding: 0;
    margin: 0;
}
body .ui-paginator .ui-dropdown {
    margin-left: 0.5em;
    height: 2.286em;
    min-width: auto;
    max-width: 60px;
}
button .ui-fileupload .ui-fileupload-buttonbar,
button .ui-fileupload .ui-fileupload-content {
    padding: 0;
    margin: 0;
    border: 0;
}

button .ui-fileupload .ui-fileupload-content {
    display: none;
}
body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
    overflow: hidden;
    position: relative;
    font-size: 12px;
}
body .ui-chkbox {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    width: 13px;
    height: 13px;
}
body .ui-chkbox .ui-chkbox-box {
    border: 1px solid #a6a6a6;
    background-color: #ffffff;
    width: 13px;
    height: 13px;
    text-align: center;
    border-radius: 3px;
    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .primeng-datatable-container .ui-table div.ui-chkbox-box span,
.primeng-datatable-container .ui-treetable div.ui-chkbox-box span {
    display: block;
    border-radius: 3px;
    background: 0 0;
    position: absolute;
    height: 12px;
    width: 12px;
}

button .ui-fileupload .ui-fileupload-buttonbar .ui-button {
    margin: 0;
    top: 0.5px;
    padding: 1px 4px 0 4px;
    font-size: 12px;
    background-color: #34bfa3;
    border-color: #34bfa3;
}
.ui-autocomplete .ui-autocomplete-input{
    width: 100%;
    border-color: #ebedf2;
    color: #575962;
}
.ui-autocomplete .ui-autocomplete-input:focus{
    border-color: #716aca;
    color: #575962;
    -webkit-box-shadow: none;
    box-shadow: none;
}